theme: Improve theming of the login dialog auth list items

Render them as buttons, like we do with users

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3647>

diff --git a/data/theme/gnome-shell-sass/widgets/_login-lock.scss b/data/theme/gnome-shell-sass/widgets/_login-lock.scss
index a89af5bf38d0ae49ef1c87f34cd157b5309817d0..879b3530facca40505458b76277dd73292ae0721 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_login-lock.scss
+++ b/data/theme/gnome-shell-sass/widgets/_login-lock.scss
@@ -120,16 +120,29 @@ $_gdm_dialog_width: 25em;
 
 .login-dialog-auth-list-title {
   margin-left: 2em;
+  padding-bottom: $base_padding;
 }
 
-.login-dialog-auth-list-item {
-  border-radius: $base_border_radius * 2;
-  padding: $base_margin;
-  color: darken($_gdm_fg,30%);
+.login-dialog {
+  .login-dialog-auth-list-item {
+    @extend %button_common;
+    @include button(normal, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);
+    &:selected,
+    &:focus { @include button(focus, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
+    &:hover { @include button(hover, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
+    &:active { @include button(active, $tc:$_gdm_fg, $c:$system_base_color, $always_dark: true);}
+
+    border-radius: $modal_radius * 0.6;
+    padding: $base_padding * 1.2;
+  }
+}
+
+.unlock-dialog {
+  .login-dialog-auth-list-item {
+    @extend %lockscreen_button;
 
-  &:focus, &:selected {
-    background-color: -st-accent-color;
-    color: -st-accent-fg-color;
+    border-radius: $modal_radius * 0.6;
+    padding: $base_padding * 1.2;
   }
 }